www.gusucode.com > 24:【198-3312】绿色蔬菜水果类企业织梦模板(带手机移动端) > 24:【198-3312】绿色蔬菜水果类企业织梦模板(带手机移动端)/(带手机版数据同步)绿色蔬菜类网站源码 水果类企业/style/m/css/css.css
/* AB模版网 做最好的织梦整站模板下载网站 */ /* 网址:Www.AdminBuy.Cn */ /* 图标大全:Sc.AdminBuy.Cn 专业建站素材网站 */ /* QQ:9490489 */ @charset "utf-8"; /* CSS Document */ body { margin: 0 auto; padding: 0; background-color: #F8F6F7; font: 18px/1.5 'Microsoft Yahei'; font-family: "Microsoft Yahei"; color: #AFAFAF; } body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, pre, a { margin: 0; padding: 0; } a { color: #535353; text-decoration: none; border: 0 none; } a:hover { text-decoration: underline; color: #009944; } img { border: 0 none; padding: 0; margin: 0; vertical-align: top; } ul, li { list-style: none; } .l { float: left; } .r { float: right; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom:1;/*IE/7/6*/ } .bd { border: 1px solid #EBEBEB; border-top: 0; height: 100%; } .mar_top { margin-top: 12px; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; word-wrap: break-word; } .mainbox { height: 100%; margin: 0 auto; max-width: 640px; position: relative; width: 100%; z-index: 8; background-color: #F8F6F7; } .mainboxbg { position: fixed; height: 100%; width: 100%; background-color: #000; top: 0; display: none; z-index: 9; lter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /*nav*/ .nav { width: 40%; height: 100%; background: #631827; position: fixed; right: 0px; padding-top: 8%; display: none; top: 0; z-index: 10; background: -moz-linear-gradient(left, #008844, #009b4d); background: -webkit-linear-gradient(left, #008844, #009b4d); } .nav li { text-align: center } .nav li a { display: block; width: 100%; font-size: 22px; color: #fff; padding: 10% 0; } .nav li a:hover { color: #fff; } /*header*/ #header { text-align: center; color: #fff; font-weight: normal; vertical-align: middle; text-align: center; text-align: center; overflow: hidden; background: url(../images/header.jpg) top repeat-x; } #header #logo { width: 80.9%; margin-left: 1.8%; display: inline; float: left; } #header #logo img { width: 100%; height: auto; } #header .flbox { float: right; display: inline; width: 14%; cursor: pointer; } #header .flbox img { width: 100%; } #serchbox { margin: 3% 3.4%; overflow: hidden; position: relative; } .input { background-color: #fff; border: 1px solid #DFDFDF; float: left; display: inline; border-radius: 6px; width: 83%; padding: 2.55% 0; text-indent: 2%; font-family: 'Microsoft Yahei'; } .sechan { background: url(../images/serch.png) #009944 center center no-repeat; border-radius: 6px; border: 1px solid #5fa800; padding: 2.56% 0; width: 15.8%; cursor: pointer; display: inline; float: right; background-size: 40%; } /* banner */ .slideBox { position: relative; max-width: 640px; max-height: 350px; overflow: hidden;/* 设置焦点图最大宽度 */ } .slideBox .hd { position: absolute; height: 28px; line-height: 38px; bottom: 8px; right: 0; z-index: 1; } .slideBox .hd li { display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; text-indent: -9999px; overflow: hidden; margin: 0 6px; } .slideBox .hd li.on { background: #fff; } .slideBox .bd { position: relative; z-index: 0; } .slideBox .bd li { position: relative; text-align: center; } .slideBox .bd li img { background: url(../images/loading.gif) center center no-repeat; vertical-align: top; width: 100%; max-height: 350px;/* 图片宽度100%,达到自适应效果 */ } .slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* 去掉链接触摸高亮 */ .slideBox .bd li .tit { display: block; background: url(../images/focusbg.png) repeat; width: 100%; position: absolute; bottom: 0; text-indent: 1.5%; padding: 1.5% 0; line-height: 28px; color: #fff; text-align: left; font-size: 1.2em; } /* banner end */ .listmenu2 li { width: 20.3%; display: inline; padding: 2% 0; float: left; text-align: center; border-radius: 6px; border: 1px solid #DEDEDE; background-color: #fff; margin-left: 3.5%; } .listmenu2 li img { width: 70%; margin-bottom: 1% } .listmenu2 li a { text-decoration: none; } .jspic { max-width: 640px; margin: 0 auto; overflow: hidden; } .jspic img { width: 100%; } .hotmenulit li { display: inline; padding: 2.4% 0; width: 44.5%; float: left; text-align: center; border-radius: 6px; text-align: left; background: #fff; margin-left: 3.5%; margin-top: 3%; border: 1px solid #E8E8E8; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2)); background: -moz-linear-gradient(top, #fff, #F2F2F2); } .hotmenulit li a { display: block; text-decoration: none; line-height: normal; } .hotmenulit li a span { display: inline; float: left; width: 32.2%; margin: 0 2%; } .hotmenulit li a span img { width: 100%; } .hotmenulit li b { display: block; padding-top: 2%; font-weight: normal; color: #009944; font-size: 26px; } .hotmenulit li p { color: #8aa800; text-transform: uppercase; } .hotmenulit li.current a b, .hotmenulit li a:hover b { color: #009944; } /*cpzs*/ .cpzs { border-radius: 6px; padding: 1.5% 0; overflow: hidden; text-align: left; background: #fff; border: 1px solid #E8E8E8; margin: 0 3.5%; margin-top: 3%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2)); background: -moz-linear-gradient(top, #fff, #F2F2F2); } .cpzs h3 { font-weight: normal; display: inline; float: left; padding-left: 6%; color: #919191; background: url(../images/hx.png) 12% center no-repeat; background-size: 9%; } .more { margin-right: 2%; float: right; font-size: 12px; margin-top: 0.5%; background-color: #009944; border-radius: 6px; padding: 0.5%; line-height: normal; color: #fff; } .more a { color: #fff; text-decoration: none; } .cplist li { width: 29%; overflow: hidden; max-height: 243px; text-align: center; display: inline; float: left; padding: 0.5%; background-color: #fff; border: 1px solid #E8E8E8; margin-left: 1.7%; margin-top: 3%; } .cplist { padding-left: 1.8%; } .cplist li a { display: block; position: relative; } .cplist li a .title { position: absolute; bottom: 0; line-height: normal; padding-top: 3%; color: #fff; z-index: 10; width: 100%; left: 0.5%; height: 14%; vertical-align: bottom; position: absolute; font-size: 75%; } .cplist li a .bg { z-index: 1; lter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; background-color: #000; } .cplist li img { width: 100%; height: 120px } /*footer*/ #footer { font-size: 16px; height: 100%; text-align: center; margin-top: 14px; line-height: 22px; padding: 2% 0; font-size: 85%; background-color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2)); background: -moz-linear-gradient(top, #fff, #F2F2F2); overflow: hidden; } .foc { background: #e83859; background: -webkit-gradient(linear, 0 0, 0 100%, from(#009944), to(#007d38)); background: -moz-linear-gradient(top, #FE4A6C, #E83859); overflow: hidden; position: fixed; z-index: 8; bottom: 0; width: 100%; max-width: 640px; } .foc li { width: 33.33%; text-align: center; color: #fff; float: left; padding: 1.5% 0; background: url(../images/fo_li.jpg) left repeat-y; cursor: pointer; } .foc li span { display: block; padding-top: 13%; font-size: 90%; } .foc li a { color: #fff; } .foc .sms { background: none; } .foc .sms span { background: url(../images/tel.png) center 6% no-repeat; background-size: 11.6%; } .foc .chat span { background: url(../images/zixun.png) center 5% no-repeat; background-size: 12%; } .foc .contact span { background: url(../images/contact.png) center 4% no-repeat; background-size: 10%; } .back { width: 14%; position: absolute; left: 0; } .cont { background-color: #fff; min-height: 450px; } .back a img { width: 100%; } .cpaut { width: 72%; text-align: center; color: #fff; float: left; font-size: 2em; margin-left: 14%; padding: 5.3% 0; text-align: center; width: 72%; } .on_clickm { background: url(../images/r.png) #fff no-repeat 96% center; background-size: 2.5%; border-bottom: 1px solid #e5e5e5; color: #303030; font-size: 1.4em; line-height: 2.6; overflow: hidden; padding: 0 4%; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .show_box { display: none; overflow: hidden; padding: 3%; } .activeTitle { background: url(../images/d.png) #E9E9E9 no-repeat 96% center; background-size: 4%; } .show_box li { background: none repeat scroll 0 0 #fff; border: 1px solid #e0dfdf; float: left; margin: 1%; padding: 1% 2%; text-align: center; } .show_box li a { color: #6D6D6D; } .wap-lm { overflow: hidden; padding: 0 3%; margin-top:10px; } .wap-lm a { display: block; background: #009A44; float: left; text-align: center; width: 50%; height: 30px; line-height: 30px; color: #fff; } .cptt, .newslist li { padding: 2.4% 3%; text-align: center; border-radius: 6px; text-align: left; background: #fff; margin: 3% 2%; margin-bottom: 0; border: 1px solid #E8E8E8; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2)); background: -moz-linear-gradient(top, #fff, #F2F2F2); } .newslist { margin-top: 2%; } .newslist li { position: relative; padding: 1.5% 3%; margin: 1.5% 2%; } .newslist li span { position: absolute; top: 6px; right: 5px; } .pageListNav { padding: 3% 0; float: left; width: 100%; position: relative; z-index: 9999; text-align: center; overflow: hidden } .pageListNav ul { float: right; } .pageListNav .firstPage { width: 30px; } .pageListNav ul li { float: left; line-height: 25px; height: 25px; margin-left: 5px; font-size: 12px; border: 1px solid #E9E9E9; padding: 0px 10px; width: auto; } .pageListNav ul li a:hover { color: #ff0000; text-decoration: none; } .pageListNav ul li.thisclass, .pageListNav ul li.thisclass a, .pageListNav ul li.thisclass a:hover { background-color: #d00; color: #FFF } .pageListNav .pageinfo { line-height: 25px; padding: 12px 5px 10px 5px; color: #999; } .pageListNav select { line-height: 25px; margin-top: 4px } .pageListNav .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; } /*详细页*/ .xingxi { margin: 3% 2%; width: 96%; height: auto; line-height: 1.7em; color: #5d5342; overflow: hidden; clear: both; } .xingxi img { width: 100% !important; height: auto !important; overflow: hidden; margin: 1% 0; max-width: 640px; } .author { text-align: center; font-size: 80%; padding: 0.5% 0 1.3% 0; border-bottom: #5d5342 dashed 1px; } .content_img { text-align: center; clear: both; overflow: hidden; } .content_img img { width: 100%; margin: 2% 0; max-width: 640px; } .xluj { overflow: hidden; margin-bottom: 5px; } .wusyux { margin: 3%; vertical-align: middle; font-size: 1.4em; } .wusyux em { background-color: #ccc; font-weight: bold; font-style: normal; border-radius: 6px; padding: 2px 10px; color: #fff; margin-right: 2%; } .submit { vertical-align: middle; text-align: center; background-color: #FF9000; width: 95%; padding: 2% 0; margin: 0 auto; margin-top: 3%; margin-bottom: 3%; color: #fff; border: 1px solid #E88300; border-radius: 4px; font-size: 1.4em; font-family: "微软雅黑"; cursor: pointer; } .content_img { text-align: center; } .content_img img { width: 90%; margin: 2% 0; max-width: 560px; } .price_c { color: #ff7800; } .price_l { color: #559824; } .price { color: #ff7800; font-size: 1.4em; } /*****************响应式布局设置*****************/ @media screen and (max-width:320px) { body { font-size: 12px; } .hotmenulit li b { font-size: 16px; } .hotmenulit li p { font-size: 10px; } .cpzs h3 { padding-left: 8%; } .more { font-size: 11px; } .foc li span { display: block; padding-top: 18%; } .foc .sms span { background-size: 16.6%; } .foc .chat span { background-size: 16%; } .foc .contact span { background-size: 15%; } .cpaut { font-size: 18px; } .nav li a { font-size: 16px; } .on_clickm { font-size: 1.2em; } .slideBox .bd li .tit { font-size: 1.0em; } } @media screen and (min-width:320px) and (max-width:360px) { body { font-size: 14px; } .hotmenulit li b { font-size: 17px; } .hotmenulit li p { font-size: 11px; } .cpzs h3 { padding-left: 9%; } .more { font-size: 11px; margin-top: 1.5% } .foc .sms span { background-size: 16.6%; } .foc .chat span { background-size: 16%; } .foc .contact span { background-size: 15%; } .foc li span { display: block; padding-top: 18%; } .cpaut { font-size: 19px; } .nav li a { font-size: 16px; } .on_clickm { font-size: 1.2em; } .slideBox .bd li .tit { font-size: 1.0em; } } @media screen and (min-width:360px) and (max-width:480px) { body { font-size: 16px; } .hotmenulit li b { font-size: 18px; } .hotmenulit li p { font-size: 12px; } .foc .sms span { background-size: 16.6%; } .foc .chat span { background-size: 16%; } .foc .contact span { background-size: 15%; } .foc li span { display: block; padding-top: 18%; } .cpaut { font-size: 25px; } .nav li a { font-size: 18px; } .on_clickm { font-size: 1.3em; } .slideBox .bd li .tit { font-size: 1.0em; } } @media screen and (min-width:480px) and (max-width:560px) { body { font-size: 16px; } .hotmenulit li b { font-size: 20px; } .hotmenulit li p { font-size: 14px; } .cpaut { font-size: 32px; } .nav li a { font-size: 20px; } .on_clickm { font-size: 1.3em; } } @media all and (min-width:640px) { .pclist li a .pcdetail p { font-size: 18px; } body { width: 640px; margin: 0 auto; } body { font-size: 18px!important; } } /*在线留言*/ .message_content { width: 100%; } #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; } #contact { background: #F9F9F9; padding: 25px; margin: 5px 0; } #contact h3 { color: #F96; display: block; font-size: 30px; font-weight: 400; } #contact h4 { margin: 5px 0 15px; display: block; font-size: 13px; } fieldset { border: medium none !important; margin: 0 0 10px; min-width: 100%; padding: 0; width: 100%; } #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea { width: 90%; border: 1px solid #CCC; background: #FFF; margin: 0 0 5px; padding: 10px; } #contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover { -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; border: 1px solid #BF3131; } #contact textarea { height: 100px; max-width: 100%; resize: none; } #contact button[type="submit"] { cursor: pointer; width: 20%; border: none; background: #BF3131; color: #FFF; margin: 0 0 5px; padding: 10px; font-size: 15px; } #contact button[type="submit"]:hover { background: #A30000; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } #contact button[type="submit"]:active { box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); } #contact input:focus, #contact textarea:focus { outline: 0; border: 1px solid #BF3131; } ::-webkit-input-placeholder { color:#888; } :-moz-placeholder { color:#888; } ::-moz-placeholder { color:#888; } :-ms-input-placeholder { color:#888; } .lianxi{ padding:10px;} .lianxi dt{ font-size:16px; font-weight:bold} .lianxi dd{ margin-top:5px} .liuyan{ padding:10px} .liuyan .k{ width:70%; border:1px solid #ccc; height:33px; padding-left:10px; margin-bottom:10px} .liuyan textarea{ width:90%; border:1px solid #ccc; height:100px; padding:10px} .liuyan .t{ padding:8px 30px; background:#096; color:#fff; border:0; text-align:center}